<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../libs/common.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <div class="reqHeader" style="height:97px;width:100%;">
        <!--引入header.html  -->
    </div>
   
    <main>
        <div id="message">

        </div>
        <h2>用户登录</h2>
        <div class="formBox">
            <div class="login">

                <div class="loginBox">
                    <legend>动态验证码登录</legend>
                    <p>如果您已经是优衣库会员，请使用动态验证码登录</p>

                    <select name="" id="">
                        <option value="">中国大陆 <span>+86</span></option>
                        <option value="">中国香港特别行政区<span>+852</span></option>
                        <option value="">中国澳门特别行政区<span>+853</span></option>
                    </select>
                    <div>
                        <p>手机号</p>
                        <input type="text" placeholder="手机号" class="phoneNum">
                        <p style="display: none; color: red; line-height: 41px;"> <span class="iconfont icon-baseline-close-px" style="line-height: 41px;"></span> 您输入的手机号码格式有误，请重新输入</p>
                    </div>
                    <div>
                        <p>验证码</p>
                        <input type="password" placeholder="验证码" class="password">
                        
                    </div>
                    <div>
                        <button class="loginBtn" disabled style="margin-top: 20px;">登录</button>
                    </div>
                    <div class="otherLogin">
                        
                        <p>第三方账号登录</p>
                        <hr>
                        <div>
                            <span class="iconfont icon-weixin"></span>
                            <span class="iconfont icon-zhifubao"></span>
                            <span class="iconfont icon-weibo"></span>
                            <span class="iconfont icon-qq"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="register">
                <p>用户注册</p>
                <a href="register.html">新用户注册</a>
            </div>
        </div>
    </main>
    <div class="reqFooter">
        <!--引入footer.html  -->
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.0/jquery.js"></script>
    <script src="../libs/sha1.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>